/* 生成边距  margin  padding 相关，范围是 0-50 */
@mixin gen-margin($property, $value, $start: 0, $end: 10, $step: 5) {
    $propertyAbbr: str-slice($property, 1, 3);
    $valueAbbr: str-slice($value, 1, 1);

    @for $i from $start through $end {
        @if $valueAbbr==a {
            .#{$propertyAbbr}#{$valueAbbr}-#{$i*$step} {
                #{$property}: #{$i*$step}px !important;
            }
        }

        @else if $valueAbbr==h {
            .#{$propertyAbbr}#{$valueAbbr}-#{$i*$step} {
                #{$property}: 0 #{$i*$step}px !important;
            }
        }

        @else if $valueAbbr==v {
            .#{$propertyAbbr}#{$valueAbbr}-#{$i*$step} {
                #{$property}: #{$i*$step}px 0 !important;
            }
        }

        @else {
            .#{$propertyAbbr}#{$valueAbbr}-#{$i*$step} {
                #{$property}-#{$value}: #{$i*$step}px !important;
            }
        }
    }
}

/* 生成字号 12-30 */
@mixin gen-fontsize($num: 10, $step: 2) {
    @for $i from 1 through $num {
        .fz-#{10+$i*$step} {
            font-size: #{10+$i*$step}px !important;
        }
    }
}